function launchWindow(id) {

         //Get the screen height and width
         var maskHeight = $(document).height();
         var maskWidth = $(window).width();
         //Set height and width to mask to fill up the whole screen

         $('#dialog').show()

         $('#mask').css({'width':maskWidth,'height':maskHeight});

         //transition effect
         //$('#mask').fadeIn(10);
         $('#mask').fadeTo("fast",0.8);

         //Get the window height and width
         var winH = $(window).height();
         var winW = $(window).width();

         //Set the popup window to center
         $(id).css('top',  winH/2-$(id).height()/2);
         $(id).css('left', winW/2-$(id).width()/2);

         //transition effect
         $(id).fadeIn(1000);

}

function launchLongWindow(id) {

         //Get the screen height and width
         var maskHeight = $(document).height();
         var maskWidth = $(window).width();
         //Set height and width to mask to fill up the whole screen

         $('#dialog').show()

         $('#mask-black').css({'width':maskWidth,'height':maskHeight});

         //transition effect
         //$('#mask').fadeIn(10);
         $('#mask-black').fadeTo("fast",0.8);

         //Get the window height and width
         var winH = $(window).height();
         var winW = $(window).width();

         //Set the popup window to center
         $(id).css('top',  winH/2-$(id).height()/2);
         $(id).css('left', winW/2-$(id).width()/2);

         //transition effect
         $(id).fadeIn(1000);

}

function showIndicator(data) {
    if ( data.status == "begin") {
        $(document).ready(function () {
            launchWindow("boxes");
        })
    }
    else if (data.status == "success") {
        $('#mask').hide();
        $('#dialog').hide();
    }
}

function showIndicatorAnyway() {
    
    $(document).ready(function () {
        launchLongWindow("boxes");
    })
}

function showStopForm (data) {
    clearInterval(timerInterval);
    if ( data.status == "begin") {
        $(document).ready(function () {
            launchWindow("boxes");
        })
    }
    else if (data.status == "success") {
        $('#mask').hide();
        $('#dialog').hide();
        showDialog();
    }
}


function closeStopForm(data) {
    if ( data.status == "begin") {
        closeDialog();
        $(document).ready(function () {
            launchWindow("boxes");
        })
    }
    else if (data.status == "success") {
        $('#mask').hide();
        $('#dialog').hide();
    }
}
